<template>
  <view class="container">
    <service v-if="pageName === 'service'"></service>
    <privacy v-else-if="pageName === 'privacy'"></privacy>
    <vipbook v-else></vipbook>
  </view>
</template>

<script>
import privacy from './privacy.vue'
import service from './service.vue'
import vipbook from '../center/vipbook.vue'
export default {
  data() {
    return {
      pageName: 'service'
    }
  },
  components: {
    privacy,
    service,
    vipbook
  },
  watch: {},
  computed: {},
  onLoad(options) {
    console.log(options) // 这里将打印 'lisa'
    this.pageName = options.name
  }
}
</script>

<style scoped>
.container {
  padding: 5px;
  background-color: #fff;
}
.padding-lr {
  padding-left: 14rpx;
  padding-right: 14rpx;
  padding-bottom: 14rpx;
}
.color62 {
  color: #626262;
}
.cu-modal {
  text-align: left;
  background: #fff;
}
.cu-dialog {
  width: 100%;
  margin-top: -1rpx;
  background: #fff;
  border-radius: 0;
}
.bottom {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
}
</style>
